Hay muchas maneras de insertar el código de leer más o Read more.
Esta que voy a explicar la encontré en alguna página cuando todo esto de Blogger beta me sonaba a cuento chino, ahora me alegro de haberlo guardado.
No recuerdo la página, por lo tanto si la persona que tuvo la genial idea de postearlo piensa que el código puede ser suyo le ruego me lo haga saber para citar el autor.
Ahora bien, yo he querido personalizar este código con una imagen, ese detalle si ha sido idea mía y creo que es justo que lo diga porque las ideas no fluyen siempre en cualquier momento y estoy contenta con el resultado ;)
Para aplicar el efecto de leer más lo primero que hay que hacer es situarse en:

Plantilla/Edición HTML/Expandir plantillas de artilugios.

Buscamos las etiquetas </b:skin> y </head>
Y pegamos el código de color rojo.

</b:skin>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.fullpost {display:inline;}
.summarypost {display:none;}
</style>
<b:else/>
<style type='text/css'>
.fullpost {display:none;}
.summarypost {display:inline;}
</style>
</b:if>

</head>

Luego en cada pots donde deseamos que salga el efecto de´´leer más`` aplicaremos lo siguiente:

(Aquí escribimos el principio de la entrada )

<span class="summarypost">
<a href="link-de-la-entrada">Seguir Leyendo... </a>
</span>

<span class="fullpost">
( Aquí escribimos la parte de entrada que veremos extendida )
</span>

Para que el texto de ´´Leer más...`` haga el efecto de expandir la entrada deberemos incluir el link de la entrada.
¿Cómo conseguimos el link? Lo explico:
Le damos salida al post y clicamos en la fecha que hay junto al autor de la entrada, eso es el permanent link.
Copiamos la URL de la barra de direcciones, editamos de nuevo la entrada y pegamos la URL donde dice: link-de-la-entrada y damos salida de nuevo.

Hay una forma de no tener que aplicar este código cada vez que escribimos una entrada, es más cómodo y ahorra tiempo, basta con aplicar este útimo código en la plantilla de entrada, la encontraréis en este orden:
Opciones/Formato/Plantilla de entrada
Eso hace que quede ´´grabado`` el código y salga en todas las entradas, pero con la posibilidad de escoger a que entradas le añadimos ´´el leer más`` de no desearlo lo eliminamos y listo.

Ahora viene la parte donde yo puse mi granito de arena, añadiendo una imagen en vez del clásico texto lo hice de la forma siguiente:
Escogéis la imagen, en mi caso quise que esa imagen fuera un texo diferente, lo hice con un generador de botones, pero podéis hacerlo con cualquier editor de imagen.
Luego en la plantilla de entrada eliminé donde dice: Seguir Leyendo... y añadí el código para imagen:
<img src="aquí-la-url-de-la-imagen" />
De esta forma apareció la imagen/texto que veis:


Sería un código a poner más o menos así:

(Aquí escribimos el principio de la entrada )

<span class="summarypost">
<a href="link-de-la-entrada"><img src="aquí-la-url-de-la-imagen" /></a>
</span>

<span class="fullpost">
( Aquí escribimos la parte de entrada oculta que se extenderá )
</span>

También podéis poner una flecha, un botón de aviso o cualquier otra imagen pequeña para ese menester, eso es a gusto de cada uno.
Recuerda que este código es aplicable al nuevo Blogger, si aún usas el antiguo puedes aplicar el código que encontrarás aquí
Y eso es todo, no te quedes con dudas, si las tienes házmelo saber :)

Anónimo

Amiga...elevo mi copa de este lado del mundo y de este lado del monitor...te deseo mucha paz y felicidades a vos y a los tuyos.. Abrazo!!!

Anónimo

Feliz 2007 GEM@,que siempre podamos contar con tu ayuda, por todo eso te mereces lo mejor y que tus deseos se cumplan.
Patricia /Ricardo.

Anónimo

Desde Castellón te envio mis mejores deseos para este año nuevo. Un saludo y a seguir blogeando ^^

Feliz 2007!!

El Navegante

Queridísma Gema, ya lo decia una hermosa canicón de Rubén Blades (Pedro Navaja) "la vida te da sorpresas, sorpresas te da la vida".
Una de las más hermosas para despedir el año, ha sido tu arribo a bordo.
te agradezco muchísimo que te hayas acordaod de mí, tu afecto, tus palabras, tu compañía.
Ya msimo, n bien culmine de enviarte el comentarop, (menuda faena en estos días de tráfico ajetreado)vovlerá a estar tu nombtre donde siempre estuvo, entre los Amigos destacados en los links.
Nunca terminaré de agradecerte, el habe pdodo tener un separador de posts que me encanta, y la forma de sacar el marco blanco a las fotos que uno edita.
Has sido la que ha posibilitaod dos emjoras estéticas para mí muy improtantes en m modeswto blog, con mis casi escasos conocimientos de URL.
Te envío un besazo de aquéllos, pa que no lo olvides, y te deso de corazón un 2007 de maravillas, tanto para rí como para tus seres más queridoa.
Hasta muy pronto y una vez más, GRACIAS por estar a mi lado.

Gem@

Feliz Navidad y año nuevo y ya puestos felices reyes No te salves, es muy grato verte de nuevo comentar aquí.

Feliz año Patricia y Ricardo ojalá vuestros suelos se hagan realidad.

Hola Efecinco, mis saludos y deseos de un nuevo año cargado de amor y felicidad.

Querido Navegante como olvidarme en estas fechas tan señaladas, sabes que no visito blogs como antes, el poco tiempo que tengo lo dedico a postear, y contestar algún mail, pero no me olvido de los amigos, los buenos y entrañables amigos.
Gracias por esas palabras tan lindas que sin duda salen de lo más profundo de tu corazón.
Gracias por atracar tu barco en este puerto, y por enlazarme de nuevo.
Abrazos cálidos ;)

(Siento la tardanza en contestar a todos)

marujageek

muy buen artículo me ha servido de mucha ayuda. Gracias por publicarlo. Un saludo.

Gem@

Saludos y bienvenida Milana, tienes un blog muy bonito, siempre me gustó el fondo negro.
Gracias por la visita ;)

Anónimo

Muchas gracias.

He buscado este truco por todas partes y todas me daban problemas, el tuyo ha sido el único que me ha ido correctamente y sin problemas.

Gem@

Hola Erik bienvenido, me alegra que te fuera útil.

Maux Dits

Varios meses buscando sin encontrar una solución. Gracias.
Un slaudo

Gem@

Saludos Solitare bienvenido ;)

Neo X Free
Este comentario ha sido eliminado por el autor.
CaTa

Estimada Gema, aun me doy de frentazos, necesito mucho resolver el "siga leyendo" pero hasta ahora me ha sido negado. Puse el codigo en la plantilla, bien. enseguida en el post ,edito. pongo la Url que saco de pinchar la fecha de edicion, la pego en el post, bien,edito. Pero luego voy a pinchar el "siga leyendo" y me remite a error 404. copié la Url que sale en el error,y me da una dirección sucia, sin embargo si pincho en el titulo del post, o en la fecha, me da el link con la continuación correcta. Disculpa que sea tan reiterativa pero lo necesito resolver.help me plzz...(tengo too habilitado)..

Gem@

Si has aplicado bien el código de la plantilla y el código de la entrada o sea el que debe desplegar el texto no funciona mira de nuevo si al pegar éste último tuviera algún error, a veces al copiar omitimos algo que por muy insignificante que sea es importante.
Si no aparece el texto de Sigue leyendo o la imagen sin duda el error está en el código de la entrada.
No olvides que debes cerrar el código con </spam>

Crab

Hola Gem@

Me rindo. Son las 4 de la mañana, y no lo consigo.

Llevo nada mas unos dias metido en este mundo del blog, y me parece interesante esta utilidad de "Leer mas..". He revisado todos los codigos, he hecho muchisimas pruebas, lo unico que consigo, es que donde quiero que tan solo se lea en la pagina principal, salga la palabra Leer mas...., pero en las lineas siguientes, sale todo el texto.

He copiado bien, el codigo en la Plantilla, y luego los codigos en el comentario, pego bien la url, pero nada.

Espero mañana igual verlo de otra manera.

Gracias

Crab

Una ayuditaaaaaaa

Llevo toda la mañana y toda la tarde, y nada no consigo generar bien de lo "Seguir leyendo"

Ahora mismo lo que consigo, es que una vez publicado el post, veo la primera parte que es la que quiero que aparezca, la leyenda de seguir leyendo; y nada mas, hasta ahi bien.

Ahora pico al enlace de seguir leyendo, y me da el error de Not found o algo asi.

La duda, es cuando pico a la fecha del post, entro, y copio el enlace, cuando vuelvo y edito la entrada, yo no veo ya los codigos que puse en su momento, tan solo veo la palabra "Seguir leyendo".

La pregunta es, donde copio el enlace del post, una vez editado?

Gracias

Gem@

Hola Salamina: Si has incluido el 2º código en la plantilla de entrada a la fuerza debe salir en todas las entradas.
Cuando copies la url del post y vayas a pegarlo hazlo en ´´Edición de HTML`` de esa forma verás el código.
Otra cosa que puedes mirar es si termina el texto del post con </span>
Ojalá te resulte después del trabajo que te está llevando ;)
Suerte¡

Gem@

Salamina creo que ya se por qué no te salía bien, cuando puse el ejemplo donde hay que poner el link de la entrada lo tenía señalado con (y ) para resaltar el lugar donde va metida la url del link.
Quizás tu añadías el código incluyendo los paréntesis.
Prueba ahora espero que fuera eso.

Crab

Gem@ muchas gracias.

Despues de 48 horas, funcionaaaaaa, tocaré madera, pero por lo menos ya he visto algo funcionar, quitando los paréntesis a los que tu aludes.

En fin me voy a dormir que mañana salgo de viaje de vacaciones. A la vuelta seguiré instruyendome en tu bonita página.

salu2.....

Gem@

Felicitaciones Salamina por los progresos y felices vacaciones ;)

Lerena

Estoy comenzando a implementar tu codigo ('truco') en mi blog porque es de lo mas sencillo y funciona perfecto. Me gusta mucho mas que otros que vi que guardaban el string 'leer mas...' en la plantilla; aqui puedo poner 'leer el resto del poema', 'seguir horrorizándose' o lo que quiera según de que trate cada post.
Se te agradece y mucho.
(cuando quieras ver como me quedo pasá por mi blog [no se si está bien ponerte el link, asi que no pongo la cabecera ni el '.blogspot.com'] machinasapiens)

Gem@

Saludos Lerena, me alegra te sea de utilidad ;)

Anónimo

hola Gem@:
he seguido tus instrucciones al pie de la letra y con la primera entrada que lo probé me ha dado resultado, pero no sé qué ocurre con las siguientes que lo intento y no sale (haciendo exactamente lo mismo). ¿Qué puede ser?
Gracias anticipadas

Gem@

Hola Titania pueden ser varias cosas, que no termines la entrada añadiendo </span> o que al añadir la parte del texto que queda oculta dejes algún espacio demás.
Lo ideal es aplicar el código dentro de la plantilla de entrada.
Hazlo paso a paso a veces un error cometido lo volvemos a cometer continuamente y al otro día lo vemos mucho más claro.

Anónimo

Muchas gracias gem@, ya lo he conseguido

Gem@

;)

Charly Schneider

Por fin pudeeeee.No sabes cuantos ayuda blogs visite buscando solución para LEER MAS. MIL GRACIAS POR EXPLICARLO DE MANERA TAN FÁCIL.
Me falta diseñar una flechita que este más a tono con mi fondo, pero lo básico ya está. Pueden verlo en:
http://campanaargentina.blogspot.com/

Gem@

Estupendo Charly ¡¡
Gracias por venir a comenatarlo :)

Tula

Pues yo no soy capaz. Me aparece el hipervínculo "seguir leyendo" pero también me sale todo el texto que viene a continuación.
Eso sí, el vínculo funciona perfectamente, pero no me sirve de nada, porque no me esconde el texto que quiero esconder. :-(

Gem@

spparral funciona perfectamente, repasa lo que has añadido, cualquier error hace que no funcione el código.
Mira si añadiste al final del texto que se esconde </span>

Nano

gracias mil... deverdad que me sirvió

Unknown

Gracias, Gema.
Me ayudaste un monton .. estuve sufriendo casi medio dia por eso :)
adios
bye

Gem@

Estupendo hagasbar :)

vitokogvy ¿quieres decir que lo añadiste sin problemas?

Antero

Muchas gracias, Gema, me ha costado horrores, pero lo acabo de implementar en mi blog.

Saludos

Gem@

Antero me alegra que al fin lo consiguieras :)

Charo Bolivar

Al fin lo conseguí!!!!

Aunque me ha costao lo mío, no entendía lo de poner el texto que veremos en expandible, es decir, que tenemos que poner el texto que quedará oculto. Es que soy un poco lenta de reflejos. Pero ya lo tengo. Gracias

Gem@

!! Que alegría Charo ¡¡
He rectificado esa parte que no entendías, no eres lenta es que la forma de expresarse varía según el lugar, yo me explico tal y como hablo y debería corregir un poco eso.
Me alegra lo consiguieras :)

JoXu

Si se usa plantilla clásica, el código sería así, ¿no?

<MainOrArchivePage><style type='text/css'>
.fullpost {display:none;}
.summarypost {display:inline;}
</style></MainOrArchivePage><ItemPage><style type='text/css'>
.fullpost {display:inline;}
.summarypost {display:none;}
</style></ItemPage>

Dentro de las etiquetas <Blogger></Blogger>, claro.

Gem@

Hola Joxu si se usa una plantilla clásica aquí tienes la forma de hacerlo.
(Cualquier cosa que desees añadir a una plantilla clásica fíjate en la categoría de la entrada, si especifica Blogger antiguo es para las plantillas clásicas)
He actualizado esa entrada porque no explicaba la forma de añadir una imagen en lugar del texto :)

JoXu

Pues me funcionó de la otra manera que te dije antes, aun así muchas gracias. Me encanta tu blog

Gem@

Estupendo Joxu cualquier método es bueno :)

Paralaje

Hola!!
Después de mucho buscar el dichoso truco del "read more", encontré tu post. Y tengo que decirte que me ha hecho feliz porder seguir los pasos al pie de la letra y verlos funcionando.
Pero me surgió un problema, algo extraño, creo.
El truco funciona, sí. Pero cuando visualizo el blog no aparecen los elementos de página (como las side bars y listas de vículos, nada). Le quité el código que le agregé entre < /b:skin > y < /head > y vuelven a aparecer. Así que por descarte, se debe a eso.
Estoy haciendo algo mal??
Ayuda!!

Paralaje

Hola de nuevo.
No estoy segura del cómo, pero ya se solucionó.
Por cierto, GRAN BLOG!!

Gem@

Estupendo Paralaje ;)

Thunderboy

hola german, necesito de tu ayuda por favor, la verdad esto de los blogs es nuevo para mi, quiero aplicar el truco del leer mas pero no me sale no se que hago mal, me gustaria si me podrias dar una mano, tengo mi blog hace 1 mes y la verdad ese truquillo me vendria de 10, ya que los post que hago son muy largos, parece que a todos les sale y a mi no, eso me pone un poco triste pero se que vos ayudas a todos asi que me decidi a pedirte ayuda, por favor me gustaria que me des una mano desde ya gracias amigo.

Gem@

Bienvenido Thunderboy necesoto saber que plantilla estás usando, déjame la url de tu blog.
(Soy amiga ;) )

Thunderboy

gema te dejo la dire de mi blog como me pedis,http://chupanquifc.blogspot.com/ espero tu pronta respuesta gracias

Gem@

Veamos... debes repasar lo indicado en la entrada, no olvidar estos pasos:
"Para que el texto de ´´Leer más...`` haga el efecto de expandir la entrada deberemos incluir el link de la entrada.
¿Cómo conseguimos el link? Lo explico:
Le damos salida al post y clicamos en la fecha que hay junto al autor de la entrada, eso es el permanent link.
Copiamos la URL de la barra de direcciones, editamos de nuevo la entrada y pegamos la URL donde dice: link-de-la-entrada y damos salida de nuevo"

De todas formas te diré que hay otra forma de expandir un texto con la particularidad que con un clic también recogemos el texto, puedes verlo aquí.

Thunderboy

Gema lo hice!!!, soy feliz!! al fin despues de renegar dias y dias lo logre, gracias

Gem@

Thunderboy no he podido verlo porque no tienes activado tu perfil, pero comparto tu alegría :D

ANOMALO PRODUCCIONES

AMIGO GEM@, DEBO AGRADECERTE MUCHO LOQ UE HACES EN TU ESPACIO POR QUIENES INTENTAMOS MEJORAR, NECESITO UNA MANO FUERTE DE VOS, ESTUVE LEYENDO TU PUBLICACION ACERCA DEL "LEER MAS".
HE HECHO EXACTAMENTE LO QUE DECIS PERO EN ALGO ESTOY TRABADO, CADA VEZ QUE PUBLICO ALGO EL LEER MAS ME APARECE, PERO CUANDO CLICKEO ME ENVIA A UNA PAGINA EN BLANCO QUE DICE EN LA BARRA DE DIRECCIONES; http://www.blogger.com/link-de-la-entrada.
AHORA BIEN NO LOGRO ENTENDER ESTO QUE EXPLICAS SEGURAMENTE CON CLARIDAD: Para que el texto de ´´Leer más...`` haga el efecto de expandir la entrada deberemos incluir el link de la entrada.
¿Cómo conseguimos el link? Lo explico:
Le damos salida al post y clicamos en la fecha que hay junto al autor de la entrada, eso es el permanent link.
Copiamos la URL de la barra de direcciones, editamos de nuevo la entrada y pegamos la URL donde dice: link-de-la-entrada y damos salida de nuevo.
POR FAVOR EXPLICAMELO DE OTRO MODO TE LO RUEGO: MI CORREO ES frecuenciaonline@yahoo.com.ar
INFINITAS GRACIAS
GUSTAVO DE ARGENTINA

Gem@

ANOMALO PRODUCCIONES:
Debes crear tu entrada tal y como lo estás haciendo, una vez le das salida ve a la página principal del blog para ver como ha quedado (puedes verlo accediendo desde la parte superior donde dice "Ver blog")
Ahora necesitas la dirección de esa entrada (NO del blog, sino de la entrada)
Para que te resulte más fácil conseguir la dirección de esa entrada clica sobre el título de la entrada. Verás que en la barra del navegador ha cambiado la dirección, se verá algo así..(pero con los datos de tu blog y tu entrada)
http://gemablog-.blogspot.com/2006/12/
leer-ms-read-more-nuevo-blogger.html

Copia la dirección de la barra de tu navegador y pégala en la entrada que deseas añadir el efecto de "leer más"
Lo debes pegar en lugar de link-de-la-entrada de manera que sustituyes el texto link-de-la-entrada por la dirección de tu navegador.
Luego le das salida de nuevo a la entrada y listo ;)

JESSTOFUNK

Fantastico, si me sirvió, gracias por poner el tuto, ya pued poner entradas largas sin enfadar tanto =D

Gem@

Estupendo JESSTOFUNK gracias por tomarte la molestia de comentar el resultado ;)

Anónimo

Gracias.Un abrazo muy solidario de tu parte.

Gem@

Gracias a ti anónimo ;)

Galois

¡Hola Gema! antes que nada te felicito por el blog. Desde que lo descubrí (llegué por una búsqueda, a través de otro blog que me llevó a otro y a otro y así...) lo leo y "tomo prestados" tus consejos. Robo descarado, también le llaman. :)
Bueno, pasando al tema: seguí tus consejos para incluir el leer más... y quedó bien. Pero el otro día descubrí que con Firefox, el código no hace el efecto deseado. Se ve la frase (en mi caso le puse Seguir leyendo...) pero abajo de ella está el resto de la entrada. Si le das al enlace te muestra la página con el post completo, pero no lo resume en la principal. Con Opera e IE todo se muestra bien. ¿Alguna idea?
El blog es éste:
http://elobreromarplatense.blogspot.com/
Saludos y felices fiestas.

Anónimo

Increible... llevaba como que 3 semanas buscando esto , muchisimas gracias :D te afilio a mi blog , me has impresionado , good good

elcuervolopez

NO PUEDO CREERLO.
¡FUNCIONA! GRACIAS. HACE MESES QUE ANDO BUSCANDO ESTO PARA BLOGGER BETA. CASI ME DESMAYO. MIS POST SON LARGOS Y CON ESTO... ES GENIAL.

SOLO ME QUEDA UNA PREGUNTA: CUANDO SE EXPANDE EL TEXTO LUEGO DE HACER CLICK EN LEER MAS, TODO BIEN. SE EXPANDE... Y SI SE QUIERE VOLVER ATRÁS Y COMPRIMIR DE NUEVO EL TEXTO?
GRACIAS Y ESPERO TU RESPUESTA.
ESTAS EN QUÉ PAÍS?

Gem@

La idea Rodrigo es que mires si cerraste al final de la entrada con </span> y agregues la direción del navegador en "link-de-la-entrada" son los dos pasos que hacen que la entrada se muestre entera sin llegar a clicar.

Estupendo Ude ;)

Elcuervolopez Este código no recoge la entrada, sólo la extiende.
Para expandir y recoger puedes ver este otro donde también explico como agregar una imagen.;)

Galois

"son los dos pasos que hacen que la entrada se muestre entera sin llegar a clicar."
Si Gema, hice los dos pasos.
Con Internet Explorer (7) se ve bien y con Opera también. Pero con Firefox, se ve la entrada entera aunque esté el leer más. Probé con versiones viejas de ese navegador y me instalé la última. Tampoco me dio resultado. No entiendo...Si quieres echar una mirada al blog con navegadores distintos, te lo agradeceré.
Un saludo.

Galois

Una aclaración Gema: el blog con el que tengo el problema es el que te puse la dirección más arriba. No el que aparece en mi perfil.
Gracias.

Anónimo

Gema: ¿pudiste pasar por mi blog?
El problema continúa. Con Firefox se ve mal. Con Opera e Internet Explorer 7 se ve bien.
Le he preguntado a un montón de gente.Nadie me sabe decir por qué pasa.

Un saludo y gracias por tu tiempo.

Gem@

Hola Rodrigo pasé por tu blog varias veces y en ninguna vi una entrada con el texto "leer más" por eso no te he contestado porque pensaba que lo había suprimido.
He probado añadiendo el código en mi blog de pruebas visionándolo con Firefox y funciona perfectamente. Como te dije el problema de mostrar la entrada completa suele ser omitir </span> al final del código de las entradas. (hay que añadirlo dos veces)
Repasa todo lo añadido puede ser un pequeño error que estás omitiendo.
De todas formas si ves que no te resulta aquí tienes otra forma de hacerlo. La diferencia es que además de expandir la entrada la recoge :)

Anónimo

Hola Gema: lo del código lo revisé y está bien.
Te dejo dos de las pocas entradas en donde lo uso (sólo lo uso para las que son muy largas).
están aquí: http://elobreromarplatense.blogspot.com/search?updated-max=2007-12-15T20%3A10%3A00-03%3A00&max-results=15
y son las entradas "Catastrofismo, Forma y Contenido"
y "Despreciemos a los agoreros y luchemos por esta Oportunidad Histórica" que está un poco más abajo.
El texto que le puse es Seguir leyendo.
Gracias.
La verdad es un misterio.

Anónimo

http://elobreromarplatense.blogspot.com/search?updated-max=2007-12-15T20%3A10%3A00-03%3A00&max-results=15
Perdón, no sé por que la url salio mal. Es la que te pongo ahora. Las entradas son:
Catastrofismo, Forma y Contenido(8 de diciembre)
y
Despreciemos a los agoreros y luchemos
por esta Oportunidad Histórica(7 de diciembre)

Nosoyjuan

oie muchas gracias, esto es super util :)

Gem@

Hola Rodrigo he visto tu comentario ahora cuando he venido a contestar el que le sigue, lo siento de veras...
He localizado esa entrada del 8 de diciembre y es cierto con Firefox la entrada sale completa, no sé porqué puede ser, ya que si se visiona bien con Explorer es porque está bien aplicado el proceso del código.
La solución se escapa de mis manos, ya que muchos de los que aplicaron este sistema de expandir el post les funciona perfectamente el Forefox, incluida yo que lo he probado.
Mi única sugerencia es que intentes suprimir ese código y añadas este, es muy similar yo diría mejor ya que como te decía en otro comentario además de desplegar la entrada la recoge.
(haz copia de la plantilla antes de realizar cualquier cambio)

Me alegra que te guste Nosoyjuan ;)

Alexis José Marrero Castillo

Gracias me has dado la solución que esperaba, te estoy muy agradecida por esta ayuda. Sabía que me podrías ayudar. Para un blog como el mío es muy importante este tipo de herramienta. Te quedo muy agradecido.
Desde hace días he colocado un link a tu blog

Saludos

Gem@

Alexis si tuvieras algún problema házmelo saber, no me gustaría que después de tanto tiempo para dar con la solución al final desistieras de tener ese efecto ;)

Anónimo

Por 71a vez:

Gracias !!!

Por que en Blogger no dan esta informacion?!!!

Gem@

Inerxia ¿71? jajajaja gracias a ti por estar ;)
Supongo que Blogger pone la herramienta y nosotros debemos colgar el cuadro (es un decir)

Unknown

Muchas gracias, te mereces un comentario y mil gracias.

Me has servido de gran ayuda

www.cienciasonido.blogspot.com

Gem@

Bienvenido F. Melero tienes un blog muy interesante, debo visitarte con más tiempo ;)

hasbarah

Gema@ sos una genia. Apliqué el código con la imagen tuya (no tengo imaginación para generar una nueva) y quedó genial.
Y de a poco estoy consiguiendo alivianar la carga del blog que estaba muy pesado.
Besos y gracias!
Gabriela

Sterukita

Hola Gema..
muchas gracias por tu blog..
muy bueno
pero sabes, no me funciona el Leer más.. y no sé que hacer..
si me pudieras ayudar te agradecería

Saludos!!

hasbarah

Ufffff!
Tan bien que se veía con el mozilla firefox el truco!
Me dice un lector que tiene IE 7 y de repente dejó de ver mi blog. Solo se veían dos post (los últimos) y no se veía la sidebar.
Con mozilla se ve perfecto.
Volví a una plantilla vieja perdiendo todos los cambios y se me desorganizó lo que tenía en la sidebar pero la idea era ver que script hacía problemas y lamentablemente es este que acorta los posts.
Será que habrá que modificarle algo para que funcione también en IE y en Opera con mi plantilla base?
Con mozilla funciona genial.
Hasta me dan ganas de poner un comentario que diga blog apto para leer solamente con mozilla firefox, jeje!
Habrá forma de solucionarlo gemm@?
Besos y muchísimas gracias.
Gabriela

Gem@

Hola Hasbarah hasta ahora no había tenido conocimiento de ese problema. Puedes probar de otra forma, hay varios códigos para acortar el texto de las entradas.
Puedes ver aquí:
Leer más con efecto expandir y recoger
Leer más o Read More para todas las plantillas de Blogger

Cuando lo añadas, pide a un amigo que lo visione con IE 7 para ver que tal resulta ;)

Antonio Herrera

Un truco muy elegante.

Gracias por tu ayuda y seguro que volveré a por nuevas ideas.

¡Ah! Creo un enlace a este blog en

http://defotosyotros.blogspot.com

Gem@

Bienvenido Antonio, agradezco el comentario y el enlace a Gem@ BLOG.
Saludos cordiales ;)

Anónimo

Ya que tal, he encontrado este truco y he estado probandolo y la verdad en una parte me complico, el comando //"/spam" derepente se confunde con los otros que vienen (al cambiar color del texto por ejemplo), y tbn lo otro es que si conoces alguna manera para obtener la URl del post antes de tener que Postearlo.
Gracias de todas formas.

Gem@

Hola DarkAlvaro, lo que puedes hacer es dejar para lo último darle color al texto de esa forma quizás no cree confusión spam. Sobre conseguir la url antes de dar salida al post creo que es imposible conseguirlo ya que antes de dar salida no hay una url especifica ni medios para conseguirlo ;)

Anónimo

Bueno, ya en parte me acostumbre a usarlo y me esta funcionando bien, en si las complicaciones con el spam ya estan solucionadas, y con lo del Link lo unico que me queda es ser rapido.
Bueno gracias por todo, te dejo la invitacion para que entres al blog y me des tu opinion y uses si encuentras algo interesante:
http://darkalvarolegacy.blogspot.com/
En fin, hasta otra. Adios.

Gem@

DarkAlvaro muchas gracias por el comentario y el ofrecimiento ¿te dije que me gusta como diseñaste tu blog?

Admin

Hola gem@, perdoname, soy una desagradecida por no pasar por aquí solo de visita, solo vengo cuando necesito algo disculpame, porfi!!
Estoy enloquecida, quiero cambiar la red white por una plantilla preciosa que encontré, ya la tengo en blog de pruebas, y la estoy modificando, pero tengo problemas con el leer mas, ya puse el código de leer mas en expandible, pero no me funciona, no me muestra el texto escondido, que estaré haciendo mal? Es una de las plantillas de Francisco.
No me darías una manito? Ya no se que probar ni como volver atrás sin estropear las otras modificaciones, no se te ocurre nada?
Es el blog que dice Prueba en mi perfil.
Gracias por todo gem@!!
Besotes!!

Admin

Hola gem@, perdoname que insista, pero tal vez no viste mi comentario y como me dijiste que insistiera si no había respuesta, tal vez, o seguramente estarás muy ocupada, pero por favor no te olvides de mi, que quiero poner en funcionamiento esta plantilla y hasta que no solucione lo del leer mas, no puedo.
Besotes!!

Gem@

Hola k_nelita veo que al final te decidiste, pero sigues decantandote por plantillas adaptadas veremos que puede hacerse.
Ahora mismo estoy modificando mi plantilla carga muy lenta y no paro de recibir comentarios sobre ese tema, nada más disponga de tiempo me descargo la tuya y probamos ;)

Felipe Torres Gianvittorio

Gem@, no lo consigo, tengo ya desde el martes tratando de hallar un código y no puedo X_X
Yo uso la plantilla Blogy Illacrimo y esta es la dirección: www.felipeproductions.com

Gem@

Hola Felipe, la plantilla que usas es una plantilla adaptada por eso no encontrarás los códigos igual que en una original de Blogger, hace tiempo ya probé en esa plantilla y tuve que desistir la idea de añadir este mismo código.
Quizás sea posible de otra forma,mejor pruebo y te digo el resultado ;)

Gem@

Felipe he aplicado tu plantilla a mi blog de pruebas y en efecto esta forma funciona perfectamente.

Suerte :)

Gem@

Creo que no salió el enlace:
esta si funciona

Anónimo

Oye disculpa, efectivamente este codigo si funcionó pero tengo un problema, al colocarle una imagen o cualquier cosa que lleve consigo un codigo html como texto con color o cosas asi, el código deja de funcionar y queda la entrada de estar forma: (primera parte) (leer mas) (segunda parte) ; en vez de que quede (primera parte)(leer mas), osea sale todo desplegado de todas maneras, aun con el código insertado. Que puedo hacer?

Anónimo

Bueno creo que ya he encontrado la razón, algunos codigos html, como los colores, tamaños de letra y todo eso comienzan igual con (span)y terminan con (/span), talvez eso esté interfiriendo con el código, hay alguna forma de solucionar esto?, o alguna alternativa, llámese java script u otra? Gracias. Mi correo es tukn@msn.com, espero y me ayudes con mi duda :).

Gem@

STR0NGBACKER llevas razón en lo que comentas, no hay un script que solucione ese problema únicamente comprobar que no se "Cuele" ningún </span> donde no debería :(

Anónimo

Hola tuve un problema gravisimo con el read more. NO me salio, y cuando quise volver a la plantilla anterior, la pestaña de diseño no se llamaba mas asi ahira se llama Plantilla y no estan la opcion de Elementos de Pagina.
Como puedo hacer para que vuelva Diseño???? Por favor, necesito ayuda!!!!!!!!!!!

Gem@

Hola Carla, lo que ha sucedido es que regresaste a la plantilla anterior es decir a la plantilla que tenías antes que es la clásica.
Para personalizar el diseño debes ir en este orden:
Plantilla- Edición de HTML- Personalizar diseño y donde dice ¡Dale un nuevo aspecto a tu blog! clica en "Actualizar la plantilla "
Ya sabes que siguiendo estos pasos pierdes todo lo añadido a la plantilla es decir todo lo que añadiste manualmente scripts, imágenes, códigos ... sería conveniente que hicieras una copia de respaldo para luego ir añadiendo las cosas que fueron eliminadas ;)

Anónimo

y si claro .. un exelente codigo ...

pero = no resulta con IE7 saludos y mas saludos...

Gem@

Es cuestión de probar valzago con el 6 funciona perfectamente, si utiliza sel 7 ya nos dirás algo ;)

Anónimo

claro no uso IE7 pero hay muxos lectores que si y solo miran 2 post... tratando con otros codigos ..aun no logro.. me da error y no me deja guardar....saludos

Anónimo

Pues de tanto que me gusto este Codigo .. busque y probe de todo...y resulto que algunas Plantillas no son compatibles...

Cambie la plantilla que tenia por una de esatas(Web 2.0) y listo .. ya resulta de pelos en IE7.. Gracias GEM@ Y gracias a este codigo le di otra cara a mi blog ... saludos

Gem@

Hola Valzago a eso le digo yo que si la montaña no va a Mahoma, Mahona va a la montaña :)

Lex

Hola Gemma, la verdad no e tenido ningun problema para introducir el código y hacer que funcionara a la perfección pero por desgracia me encuentro con un problema o efecto secundario que me produce.

Veras tengo un blog en el que pongo muchas imágenes y me encuentro con que entre el leer más ( bueno yo no lo nombro así ) hasta el pié de la entrada me queda un monton de espacio, lo cual me parece horrible que no consigo reducir de ninguna de las maneras ejemplo y me tiene bastante desesperado pues me fastidia bastante las entradas.

A ver si a ti se te ocurriera algo, me sería de gran ayuda, un saludo y gracias.

Gem@

Hola Lex, ese efecto de espacio muerto lo produce la etiqueta </span> que hay al final del código que añadimos en la entrada, produce un salto de línea parecido al <br>
Si lo quitamos estamos eliminando el cierre de la etiqueta y el efecto desplegar no funcionaria :(

yerba

Ufff, pero imagina si ese espeacio va proporcionado con las imágenes que posteo si con 37 ya pasa eso cuando ponga 300 necesito tres blogs para el espacio...

Lex

Perdona soy, pero es que estaba con otra cuenta, entonces no hay manera humana de arreglar ese efecto?

Lex

De todas maneras ya me imaginaba que me tendria que fastidiar jejejejeje, no hay manera de que salga algo como a mi me gustaria...

Lex

E visto que si quito el salto de linea si que se suprime ese espacio en blanco, pero supone demasiado, existe la manera de conseguir que solo una determinada parte del post no tenga salto de linea?

Lex

Solucionado, el truco esta en postearlo en HTML , ya que si se pasa a redactar despues de haber colocado las imágenes en HTML a cada enlace de fotografia le añade " full post " y " span " al final lo que hace que se incremente ese dichoso espacio, de esta manera se suprime, se publica y luego ya se pueden cuadrar las fotos en modo redactar sin que vuelva a sufrir los canvios.

Lo digo por si alguien más se encontrara con el mismo problema.

Un saludo y gracias Gemma, de no haberme dicho lo de los códigos no hubiera caido jamás en este detalle.

Gem@

Saludos Lex siento haberte dejado hablando "solo"
En realidad lo del código span es algo que vemos todos los días pero no reparamos en ello.
Siempre que escribimos en HTML y pasamos a Editar produce una alteración en el código sin embargo no caí en la cuenta en ese momento.
El mérito y las gracias a ti por aclarar algo ;)

Anónimo

Hola Gema
Me encanto esta info!
Gracias, ya lo probé y me quedo bien lindo :)

Gem@

Cierto que te quedó bien lindo ese corazoncito Sidhe :)
Me alegra que te gustara y resultara bien ;)

Inspección de Canelones Oeste

Gema:

Tu blog es de gran ayuda. Pero tengo un problemita. No siempre me anda el Seguir leyendo.
Cuando hay hipervínculos u otra cosa deja de funcionar????
Gracias

Gem@

Equipo de Tecnología si utilizas el código de esta entrada es muy extraño que no funcione porque no contiene scripts y por lo tanto no hay problema de banda ancha.
Lo que si puede ser que la etiqueta </span> no esté en el lugar indicado, es decir al final.
Suele pasar que en el editor de Blogger cuando añadimos un salto de línea produce una etiqueta </span> si lo visualizas en html verás lo que te comento.
¿Solución?
Comprueba en html que al final del texto oculto termina con esa etiqueta y después no hay ninguna otra ocasionada por saltos de línea y dale salida a la entrada estando en html ;)

Inspección de Canelones Oeste

Gema:

Volví a hacer lo que me dijiste y no pude. Actualmente lo tiene, ¿Por qué será????

Gem@

Equipo de Tecnología..... He mirado tu blog y eso ocurre cuando después de el texto oculto no añadimos la etiqueta </span>

Elmalcharlao

HEEEEEE, si te tuviera en frente, te besaría!!

Después de dañar una plantilla y miles de horas.....al fin pude con el leer más!

GRACIAS

Nisa Arce

¡Gracias! Ya lo he implementado en mi blog ^^

centinela

Muchas gracias por el código. Me ha sido de gran utilidad.

Gem@

El Malcharlao me doy por besada ;)
Me alegra que lo consiguieras.

Nisa Arce estupendo, me alegra mucho ;)

Centinela no hay de qué, me alegra que te fuera útil ;)

Inspección de Canelones Oeste

Hola Gema:

Repetí la operación en nuevo artículo pero me olvidé de copiar url. Sin embargo anda bárbaro. ¿Por qué será que cuando no lo copia funciona y cuando lo copio no????
Besotes

Gem@

Equipo de Tecnología Canelones Oeste sin copiar la url se despliega el resto del contenido?
He mirado tu última entrada y al clicar en leer más me da error de página :(

Carlos Swett Salas

Querida Gema:
Quién dijo que los angelitos están en el cielo?
Su blog me servirá de mucha ayuda. Ya agregué un enlace al suyo en mi blog.

Espero aplicar sus consejos cuando tenga un ratito libre.

Gracias por ser tan amorosa.

Gem@

Bienvenido Carlos agradezco tan lindo comentario :)

Elitazesf

Hola Gema... je je... esto era lo que estaba buscando.. pero aun no lo aplico porque eso me lleva un monton y ahora mismo no cuento con el tiempo. Por otro lado... me podrias decir como poner tu botoncito en mi blog, gracias.

Gem@

Es muy sencillo Elitazesf, ve a mi sidebar (columna) y donde dice BOTONES haz click.
Puedes añadirlo de dos formas copiando y pegando el código en un elemento de página en HTML... o sinplemente haciendo CLICK y aceptando para añadirloa tu blog :)

Ricardo

no me sale

MuchoWayer

Gem@

Ricardo es muy sencillo de aplicar porque ubicamos perfectamente donde añadirlo en la plantilla.
En el código que añadimos en las entradas hay que prestar atención donde dice link-de-la-entrada lo que hay que hacer es lo siguiente:
dar salida a la entrada (publicarla) una vez publicada consigues el link, puedes hacerlo clicando en el título y copias la url que aparece en la barra del navegador (eso que copias es el link de la entrada)
Editas la entrada de nuevo y donde dice link-de-la-entrada pegas la url del navegador que copiaste.
De todas formas si ves que no avanzas dime qué es o desde donde no comprendes como hacerlo.
también hay otra forma de obtener este efecto puedes verlo aquí.

Leer más, otra forma..

[●][Fake!][●]

MUCHIIIISIMAS GRACIAS!!!!
NO SABES CUANTO TIEMPO ESTUVE BUSCANDO COMO HACER ESTO.
LO ESTUVE HACIENDO MANUALMENTE, PERO ERA UN LIO TREMENDO CADA VEZ QUE TENÍA QUE EDITARLO.
MUCHAS GRACIAS!

Gem@

Me alegra que te sea útil Fake :)

Falso Profeta x

Amo a la mujer que escribió esto. Gracias.

Gem@

Eso quiere decir que funcionó Falso Profeta ;)

Flores Literarias

hola gema me funciona el read more pero no entiendo la parte de agregarlo a la plantilla para que la entradas nuevas queden automaticamente con este diseño, te agradezco me expliques como a los niños jajajaja abrazos

Gem@

Flores literarias hay un código que cada vez que deseamos añadir el sistema de expandir la entrada.... este código:
<span class="summarypost">
<a href="link-de-la-entrada"><img src="aqui-la-url-de-la-imagen" /></a>
</span>

<span class="fullpost">
( Aqui escribimos la parte de entrada oculta que se extenderá )
</span>

es necesario añadirlo a las entradas que vamos a utilizar hay modo de conseguir que aparezca automáticamente en el editor de entradas.
Vamos a dirigirnos a Configuración | Formato y donde dice:Plantilla de entrada pegamos el código de arriba.
Guardamos los cambios y hacemos que vamos a escribir una nueva entrada....
El código estará preparado allí para usar si es el caso.
Si no fuera el caso tener que utiliizarlo lo eliminarnos de ahí (del editor de entradas) y listo.
Lo que hicimos fue como grabar ese código, todo lo que añadimos en la plantilla de entrada aparece en todas las entradas.
Esto es válido también para cualquier otra cosa, una imagen, firma, un texto a recordar, un código....

Cualquier cosa házmelo saber :)

Gem@

La carita se coló "donde dice plantilla de entrada" :)

Flores Literarias

sos un amor, gracias, con esta herramienta se ahorra tiempo y trabajo.... bueno... hace poquito estoy con lo de los blogs y creeme que tu página me ha servido montones... estoy pasando de un blog muuuyyyyyyyyyy feo a uno un poquito menos feo... poco a poco lo iré mejorando y todo gracias a vos..... en verdad gracias, no se cuantas veces te he dicho gracias, pero solo te doy un montón de gracias.

bye

Gem@

No hay de qué Flores literarias si vieras qu eno te resulta como te expliqué me lo dices :)

Anónimo

cual es codigo para que pongas codigos y no se reconoscan como parte de la plantila queria poner codigos en mi blogger pero siempre se desaparesen salufos espero tu rerspuesta lo mas pronto posible

Gem@

Para que los códigos se muestren hay que convertirlos a texto plano.
Aquí puedes hacerlo ;)

el secreto se protege solo

muchas gracias por tu blog, las explicacions son completamente didacticas,yo estoy en argentina, buenos aires
te mando un beso enorme
estela

Gem@

El secreto se protege solo muchas gracias por el comentario. Otro beso para ti :)

Unknown

Buen post

Gem@

Gracias FakeDark :)

Me

Gracias Gem@, me funciono a la perfeccion.

Gem@

yz No hay de qué Me :)

jaumefv

Hola,
tengo mi blog rescrito.blogspot.com He hecho el "leer más", pero no sé qué ocurre, pero no sirve el enlace.
¿Me puedes echar un cable, por favor?
Jaume

Gem@

yz Jaumefv yo veo que funciona perfecto para expandir y recoger el contenido :)

jaumefv

ups! ahora sí me funciona! No entiendo, ayer, cuando te escribí, no funcionaba el enlace... ¡cosas de la informática!
Gracias,
Jaume

Gem@

yz Jaumefv esto es así, hoy funciona algo y mañana deja de funcionar otra cosa, me ocurre todos los días :)

jaumefv

sí... qué le vamos a hacer. Gracias por tu comprensión.

Gem@

yz No hay de qué Jaumefv. Suerte ;)

P2Pcorp

Hola gemma soy yo P2P again XD mira te cuento que me todo me salio bien lo unico que falta es que me gustaria que al darle en leer mas ahora una imagen me gustaria que se abra en una ventana nueva solo eso espero me puedas ayudar saludos y muchas gracias por toda tu ayuda besos

Gem@

yz Hola P2Pcorp, el sistema de leer más trabaja con un script no sabría decirte como hacerlo :(

P2Pcorp

bueno que importa asi como esta me funciona gracias por tu ayuda besos

Gem@

yz Suerte P2Pcorp ;)

nike056

gracias me ayudo bastante

Gem@

yz Gracias a ti por comentar nike056 :)

Siervo

Gema gracias por este post, queria consultarte algo, mira todo funciona a la perfeccion, pero cuando dan click en la imagen, va a todo el post, el problema que cuando se va leyendo, la parte donde estaba la imagene de leer mas se queda en blanco, hay algo que se pueda hacer para queno se quede asi?
http://fulladven.blogspot.com/

Gem@

yz Siervo ese sistema es así, pero hay varios sistemas de expandir contenido, unos que muestran un texto de expandir y recoger contenido, otros sencillos sin necesidad de modificar la plantilla... es cuestión que mires y veas el que más se ajusta a tu gusto o necesidades )
Mira este enlace.

gabocut

muchas gracias hermano me sirvi para mi blog gracias de nuevo

visiten http://myheroine3.blogspot.com

blog de anime, cosplay, etc

Gem@

yz En todo caso sería hermana gabocut, me alegra que resultara bien :)

Motoramica | Historia del Motor

Hola Gema, puse la url de la imagen pero me sigue saliendo la palabra "leer mas" debajo de la imagen. ¿tengo que quitar algon en la edición html?
Gracias Otra Vez!

Motoramica | Historia del Motor

Oh my God!...y además cuando presiono "leer mas" sigue saliendo la imagen de "leer mas" en la entrada completa.

Esteban

Aplicandole un poco de estilo CSS puede quedar alineado a la derecha y con bordes. En mi blog lo tengo más o menos asi (lo dejo para quien le interese):

.summarypost a{
margin: 15px 0px 0px 0px;
padding: 2px 5px;
float: right;
color: #7A7A7A;
text-decoration: none;
border: thin solid #7A7A7A;
}

Gem@

yz Retro Icon eso es porque no la añadiste sustituyendo el texto, la imagen debe ir en lugar de el texto "Seguir Leyendo..."

yz Esteban te quedó genial.
Gracias por compartirlo :)

Motoramica | Historia del Motor

Un millon de gracias Gema! Ahora si! no me acordaba que había un "leer mas.." en la Edición HTML.

Motoramica | Historia del Motor

Bueno, todo funciona bien, pero acabo de percatarme que el icono de "leer mas" sale muy pero muy abajo de el parrafo que se muestra en la entrada...:(
Que será ahora?

Motoramica | Historia del Motor

Parece que eso sucede cuando Justifico el texto.

Gem@

Cuando justificamos texto estamos añadiendo un div, ese div es un bloque y por lo tanto se nota un salto de línea mayor que antes de justificar el texto.

Motoramica | Historia del Motor

Me he complicado con este recurso. Tu explicación es muy clara y todo me sale bien.

......................................
Cuando voy a crear una entrada me sale esto:

(Aquí escribimos el principio de la entrada )

"icono de leer mas"

( Aquí escribimos la parte de entrada oculta que se extenderá )

Probé publicar la entrada así mismo sin añadir nada y efectivamente sale todo bien. Pero cuando le agrego mi texto e imagenes, me sale toda la entrada y la imagen de "leer mas" al final de la entrada.

He revisado bien, y al editar la entrada que ha salido completa en la primera página, el ícono de "leer mas" efectivamente está donde debe ir, pero al publicar dicha entrada me muestra toda la entrada...cosa que no pasa cuando publico la entrada tal y como sale en "plantilla de entrada" (sin contenido propio).

Gracias por tu ayuda Gema!

Motoramica | Historia del Motor

Gema! ¿Hay que poner la URL de la imagen tanto en la plantilla de entrada como en la "edición HTML" para reemplazar el "leer mas"?

Motoramica | Historia del Motor

http://retroicon.blogspot.com/
Ver la explicación del problema con ejemplo.

Gem@

yz Vamos por partes como dice mi amiga knelita..

¿Hay que poner la URL de la imagen tanto en la plantilla de entrada como en la "edición HTML" para reemplazar el "leer mas"?

Si añadimos lo siguiente en la plantilla de entrada:
Texto inicial..
<span class="summarypost">
<a href="link-de-la-entrada"><img src="url-de-la-imagen"/></a>
</span>

Cada vez que editas una entrada eso aparece automáticamente, lo utilizas tal cual para expandir el contenido de la entrada, ya no hace falta que lo añadas de nuevo porque entonces te va a salir dos veces.
La utilidad de añadir códigos a la plantilla de entrada es que estos aparecerán cada vez que editamos una entrada y nos ahorramos tener que añadirlos cada vez, de no necesitar esos códigos los eliminamos y listo.
La url de la imagen si es siempre la misma también la puedes añadir en la plantilla de entrada.

Mira bien porque me parece que lo que está ocurriendo es que editas la entrada en la pestaña Redactar, y debes hacerlo en HTML para que añadas correctamente cada texto en si sitio y al final asegúrate que termina con la etiqueta de cierre que he marcado en negrita.
No cambies a posición de Redactar una vez hagas la entrada porque Blogger altera el código y es probable que ese sea el problema ;)

<span class="fullpost">
( Aquí escribimos la parte de entrada que veremos extendida )
</span>

Anónimo

De lujo!!!! gracias por este gran aporte... Si desean ingresar a mi pagina para que noten los cambios pueden hacerlo http://vidamarinaperu.blogspot.com/ , no fue nada dificil realmente... Gracias!!!!!!!!

Gem@

yz Set David me alegra que resultara bien :)

Nico

hola gracias x toda la ayuda. Quería preguntarte si tienes algún post explicando como hacer el "TOP^" que está en el angulo inf der.
Muchas gracias.
mi blog es: http://siete-soles.blogspot.com/

Gem@

yz Hola Nico puedes verlo en la siguiente url ;)
http://gemablog-.blogspot.com/2008/02/ir-inicio-en-las-entradas-con-efecto.html

Nut

Muchas gracias por la informacion, ya estaba un poco desesperada y tus consejos han venido estupendamente.
Gracis

Natalia Trujillo

Gracias por esto Gem@!!!
al fin pude ponerlo! hahaha! Tu blog es una maravilla! por favor sigue así!

besotes desde México!

Gem@

yz Me alegra mucho que os resultara bien Nut y Nataly :D

Vaeneria

Mil gracias!!! Estuve buscando esto x todo lados, y cuando lo encontraba no funcionaba. Este anda perfecto. Lo re necesito porque publico relatos en mi blog. Gracias!!!! :):):)

Gem@

yz Me alegra mucho Vaeneria :D :D

jaumefv

hola, Gema. he hecho lo que indicas y me está funcionando. había probado otro sistema pero no sé por qué no me funciona.
De todos modos, ¿sabes si habría algun modo de no tener que copiar y pegar la URL cada vez?

por otro lado, como puedes ver, he añadido el "top" de abajo. pero no me sube. ¿sabes por qué?
Gracias

Gem@

yz Jaumefv copiarlo cada vez no es necesario si añadimos el código en la plantilla de entrada al final del post explico como hacerlo.
-Creo que olvidaste añadir el script para la imagen de ir a inicio.
http://gemablog-.blogspot.com/2008/02/ir-inicio-en-las-entradas-con-efecto.html

jaumefv

gracias, gema, pero no me refiero a todo el código (esto ya lo he puesto por defecto en la plantilla), sino al enlace http de cada una de las entradas, para que me vaya a "leer más_la entrada" ¿me explico?
por otro lado, qué quieres decir con lo de "el script para la imagen". perdona mi ignorancia, pero aún estoy aprendiendo algunas cosas :)

Gem@

yz Jaumefv de esta forma es necesario copiar y pegar cada vez la url, hay otros sistemas de leer más (en mi nube de etiquetas en "leer más" puedes verlas)
Sobre el script de la imagen me refería que si sigues las indicaciones de la url que te he dejado conseguirás que la imagen nos lleve a inicio con el mismo efecto deslizante que ves en Gem@ BLOG.

jaumefv

gracias, Gema. he empezado a usar tu "leer más", y ya me va bien. lo que no consigo que funcione es el "subir": he hecho todo lo que dices en tu post, pero no hay manera :(

Gem@

yz Jaumefv prueba a añadirlo justo antes de </body>

jaumefv

gracias, Gema. Lo he probado, pero no sé qué ocurre. Lo engancho todo (primero el script y después la parte de la imagen) justo antes del /body>, pero, sin cambiar absolutamente nada, me dice que hay algo mal cerrado: The element type "script" must be terminated by the matching end-tag ""
He probado cambiando el código que se forma en HTML ("), pero tampoco. Es un poco raro, ¿no te parece?

Karla

Hola, gema!

mi cuestion es

todo marcha bien pero, donde dice leer mas no oculto las demas palabras solo dice leer mas y l link pero abajo sigue el contenido espero y me puedas a ayudar... de antemano gracias

Pd. el post que le puse es [TUTORIAL] INSTALAR EL FIRMWARE 3.0.1 EN IPHONE

Joey
Este comentario ha sido eliminado por el autor.
Joey

Hola gema
te cuento mi problema con este trukito... funciona a la perfección, el unico detalle es que despues de las palabras "SEGUIR LEYENDO" queda un espacio enorme entre dichas palabras y el final de la entrada, y no he podido quitarselo con nada. Tambien las palabras SEGUIR LEYENDO aparecen en la ventana nueva del post completo.

a que se debera esto?

espero tu pronta respuesta y gracias por el truco!!!

Gem@

yz ¿Solucionaste el problema Jaumefv?

yz chava mira que al final del todo tengas el cierre de la etiqueta span.

yz Joey el espacio lo produce el bloque, en la pestaña de html intenta acortar ese espacio.
Es normal que el texto se vea aún con la entrada completa.

jaumefv

gracias, Gem@ por tu interés. Sí, efectivamente me funciona con el sistema que tú dices en este post. o que no conseguí es que funcionara poniendo la URL automáticamente cuando creas la entrada; pero bueno, esto me va bien. Lo que no consigo que me funcione es el "top" de abajo.
gracias, nuevamente.

Gem@

yz Jaumefv tu código funciona sin problemas en mi plantilla, mira si lo añadiste justo antes de </body> si es así y sigue sin funcionar puedes probar a añadirlo de la siguiente forma:
<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img alt='Subir' border='0' src='url-imagen-subir' style='position:fixed; bottom:0; right:0;'/></a>

jaumefv

Gracias, Gem@, otra vez. Lo he probado de nuevo, pero no funciona. Cuando se guarda, las "" se transforman en """, y cuando cambio estas "" a simple '', me dice esto: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "a" must be followed by either attribute specifications, ">" or "/>"."
quizá el problema sea la plantilla que uso...
gracias, nuevamente.

Gem@

yz Jaumefv aparte de esto último que me comentas ¿no tendrás algún script de jQuery en la plantilla?

jaumefv

pues lo acabo de mirar y sale esto lo que se ve en esta URL:

http://www.box.net/services/ipaper_by_scribd/102/339789388/462675/jQuery?name[]=skip_popup&value[]=

¿qué es lo que tendría que hacer? ¿simplemente borrar todo lo que te acabo de pegar?
gracias.

Gem@

yz Jaumefv jQuery y Scriptaculous son librerías distintas, crean conflictos entre sí.
De todas formas jQuery es una librería estupenda y también tiene para crear ese efecto deslizante.
En el blog de Pizcos vi algo hace tiempo:
http://humanossinsentido.blogspot.com/

jaumefv

Gracias, Gem@, otra vez. Lo he visto en este enlace. De todos modos, ¿dónde, exactamente, tengo que colocar estos códigos?

Gem@

yz En la entrada de Pizcos lo explica Jaumefv supongo que es muy similar pero mejor sigue las explicaciones para que resulte bien.

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top